<template>
  <div class="box">
        <div class="pingjia">
            <div class="ping">
                <span class="pi">商家好评率</span>
                <span class="ng">100.00%</span>
            </div>
            <div class="jia">
                <div>
                    <img src="/static/imgs_s01/s01_buman.png" alt="">
                    <p>不满 0</p>
                </div>
                <div>
                    <img src="/static/imgs_s01/s01_yiban.png" alt="">
                    <p>一般 0</p>
                </div>
                <div>
                    <img src="/static/imgs_s01/s01_happy.png" alt="">
                    <p>满意 50</p>
                </div>
                <div>
                    <img src="/static/imgs_s01/s01_chaozan.png" alt="">
                    <p>超赞 100</p>
                </div>
            </div>
        </div>
        <div class="yonghu">
            <img class="imgs1" src="/static/imgs_s01/s01_photo.png" alt="">
            <span class="span1">繁华依旧</span>
            <img class="imgs2" src="/static/imgs_s01/s01_chaozan.png" alt="">
            <span class="span2">超赞</span>
            <p>味道很好，值得品尝，用餐环境很棒，超赞！！</p>
            <img class="imgs3" src="/static/imgs_s01/s01_dian1.png" alt="">
            <img class="imgs4" src="/static/imgs_s01/s01_dian2.png" alt="">
            <img class="imgs5" src="/static/imgs_s01/s01_dian3.png" alt="">
            <div>
                <span class="tang">堂食</span>
                <span class="riqi">2019-08-20 17:26:18</span>
            </div>
        </div>
        <div class="yonghu2">
            <img class="imgs1" src="/static/imgs_s01/s01_photo1.png" alt="">
            <span class="span1">久颜丶</span>
            <img class="imgs2" src="/static/imgs_s01/s01_chaozan.png" alt="">
            <span class="span2">超赞</span>
            <p>味道很好，值得品尝，用餐环境很棒，超赞！！</p>
            <img class="imgs3" src="/static/imgs_s01/s01_dian1.png" alt="">
            <img class="imgs4" src="/static/imgs_s01/s01_dian2.png" alt="">
            <img class="imgs5" src="/static/imgs_s01/s01_dian3.png" alt="">
            <div>
                <span class="tang">外卖</span>
                <span class="riqi">2019-08-20 17:26:18</span>
            </div>
        </div>
    </div>
</template>

<script>

export default {
  data () {
    return {
      
      }
    },

  methods: {
   
  },

  created () {
    // let app = getApp()
  }
}
</script>

<style scoped>

        .box {
            display: flex;
            flex-direction: column;
            width: 100%;
            height: 100%;
            background-color: #F0F2F5;
        }
        .pingjia {
            height: 135px;
            background-color: white;
        }
        .pingjia .ping {
            padding-top: 23px;
            height: 47px;
        }

        .pingjia .ping .pi {
            margin-left: 112px;
            font-size: 15px;
            font-family: Source Han Sans CN;
            font-weight: 500;
            color: rgba(51, 51, 51, 1);
        }

        .pingjia .ping .ng {
            margin-left: 14px;
            font-size: 15px;
            font-family: Source Han Sans CN;
            font-weight: bold;
            color: rgba(241, 73, 73, 1);
        }

        .pingjia .jia {
            display: flex;
            flex-direction: row;
            justify-content: space-around;
        }

        .pingjia .jia img {
            width: 28px;
            height: 28px;
        }

        .pingjia .jia p {
            margin-top: 9px;
            font-size: 12px;
            font-family: Source Han Sans CN;
            font-weight: 500;
            color: rgba(51, 51, 51, 1);
        }

        .yonghu {
            width: 100%;
            height: 225px;
            margin-top: 9px;
            background-color: white;
        }

        .yonghu .imgs1 {
            width: 24px;
            height: 24px;
            margin-top: 14px;
            margin-left: 16px;
        }

        .yonghu .span1 {
            margin-top: 21px;
            margin-left: 3px;
            font-size: 11px;
            font-family: PingFang;
            font-weight: 500;
            color: rgba(34, 34, 34, 1);
        }

        .yonghu .imgs2 {
            width: 13px;
            height: 13px;
            margin-top: 18px;
            margin-left: 225px;
        }

        .yonghu .span2 {
            margin-top: 20px;
            margin-left: 3px;
            font-size: 11px;
            font-family: Source Han Sans CN;
            font-weight: 500;
            color: rgba(51, 51, 51, 1);
        }

        .yonghu p {
            margin-top: 13px;
            margin-left: 13px;
            font-size: 13px;
            font-family: PingFang;
            font-weight: 500;
            color: rgba(34, 34, 34, 1);
        }

        .imgs3,
        .imgs4,
        .imgs5 {
            width: 100px;
            height: 100px;
            margin-top: 14px;
            margin-left: 18px;
        }

        .yonghu div .tang {
            display: inline-block;
            width: 34px;
            height: 14px;
            line-height: 14px;
            text-align: center;
            margin-top: 19px;
            margin-left: 24px;
            background: rgba(174, 91, 159, 1);
            border-radius: 3px;
            font-size: 11px;
            font-family: Source Han Sans CN;
            font-weight: 400;
            color: rgba(255, 255, 255, 1);
        }

        .yonghu div .riqi {
            font-size: 12px;
            font-family: Source Han Sans CN;
            font-weight: 400;
            color: rgba(163, 165, 168, 1);
            margin-top: 20px;
            margin-left: 170px;
        }

        .yonghu2 {
            width: 100%;
            height: 275px;
            background-color: white;
        }

        .yonghu2 .imgs1 {
            width: 24px;
            height: 24px;
            margin-top: 14px;
            margin-left: 16px;
        }

        .yonghu2 .span1 {
            margin-top: 21px;
            margin-left: 3px;
            font-size: 11px;
            font-family: PingFang;
            font-weight: 500;
            color: rgba(34, 34, 34, 1);
        }

        .yonghu2 .imgs2 {
            width: 13px;
            height: 13px;
            margin-top: 18px;
            margin-left: 225px;
        }

        .yonghu2 .span2 {
            margin-top: 20px;
            margin-left: 3px;
            font-size: 11px;
            font-family: Source Han Sans CN;
            font-weight: 500;
            color: rgba(51, 51, 51, 1);
        }

        .yonghu2>p {
            margin-top: 13px;
            margin-left: 13px;
            font-size: 13px;
            font-family: PingFang;
            font-weight: 500;
            color: rgba(34, 34, 34, 1);
        }

        .imgs3,
        .imgs4,
        .imgs5 {
            width: 100px;
            height: 100px;
            margin-top: 14px;
            margin-left: 18px;
        }

        .yonghu2 div .tang {
            display: inline-block;
            width: 34px;
            height: 14px;
            line-height: 14px;
            text-align: center;
            margin-top: 19px;
            margin-left: 24px;
            background: rgba(241, 145, 73, 1);
            border-radius: 3px;
            font-size: 11px;
            font-family: Source Han Sans CN;
            font-weight: 400;
            color: rgba(255, 255, 255, 1);
        }

        .yonghu2 div .riqi {
            font-size: 12px;
            font-family: Source Han Sans CN;
            font-weight: 400;
            color: rgba(163, 165, 168, 1);
            margin-top: 20px;
            margin-left: 170px;
        }
</style>
